<div class="po-loading po-loading-{{ size }}">
  <po-loading-icon [p-size]="size"></po-loading-icon>

  @if (text) {
    <span class="po-loading-label po-text-ellipsis"
      >{{ text }}
      <div class="po-loading-dot" aria-hidden="true">.</div>
      <div class="po-loading-dot" aria-hidden="true">.</div>
      <div class="po-loading-dot" aria-hidden="true">.</div>
    </span>
  }
</div>
